<template>
    <div class="container">
        <!--        头部-->
        <div class="headTitle">
            <div class="icons" @click="backTo">
                <span class="iconfont">&#xe799;</span>
            </div>
            <div class="titles">寄件记录</div>
            <div class="introduction"></div>
        </div>
        <div class="bodys">
            <send-record-router></send-record-router>
            <router-view/>
        </div>
    </div>
</template>

<script>
import sendRecordRouter from "@/components/userMine/sendRecordRouter";
export default {
    name: "sendRecord",
    components:{
        sendRecordRouter
    },
    data() {
        return {

        };
    },
    methods: {
        backTo(){
            this.$router.push('/userMine');
        },
    }
}
</script>

<style lang="scss" scoped>
/*引入图标*/
@import "../../../assets/userIconFont/iconfont.css";
.container {
    .headTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
        background-color: white;
        .icons {
            span {
                font-size: 40px;
                color: #8590a6;
            }
        }

        .titles {
            font-size: 35px;
        }

        .introduction {
            font-size: 10px;
            color: #8590a6;
        }
    }
    .bodys{
        margin-top: 5px;
    }
}
</style>